<!DOCTYPE html>
<html lang="en">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/colpick.css"/>

		<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
    </head>
    <body>
        <div class="container">
			<header>
				<h1>jQuery Color Picker <span>RGB, HEX and HSB</span></h1>
				<nav class="codrops-demos">
				</nav>
			</header>
			<section id="dg-container" class="dg-container">
				<div class="dg-wrapper">
					<button id="picker">开始选择颜色</button>
				</div>
				<nav>	
					<!--<span class="dg-prev">&lt;</span>
					<span class="dg-next">&gt;</span>-->
				</nav>
			</section>
        </div>
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>	
        <script src="js/colpick.js" type="text/javascript"></script>
        <script type="text/javascript">
        	$('#picker').colpick();
        </script>
    </body>
</html>